
html,body{
  width:100%;
}
.wrapper{
  width:1200px;
  margin:auto;
}
header{
  #overTop{
    background:#f2f2f2;
    height:36px;
    line-height:36px;
    span,a{
      font-size:13px;
      color:#959595;
      float:left;
      margin-right:20px;
    }
    .overTop_left{
      float:left;

    }
    .overTop_right{
      float:right;
    }
  }
  #head{
    height:150px;
    border-bottom:4px solid #fc4c65;
    h1{
      float:left;
      margin-top:40px;
      margin-right:80px;
      height:62px;
      width:176px;
      a,img{
        height:100%;
        width:100%;
      }
    }
    .freecar{
      float:left;
      width:167px;
      height:31px;
      margin-top:55px;
      img{
        height:100%;
        width:100%;
      }
    }

  }
}

#cont{
  //height:285px;
  width:1000px;
  border:1px solid darkgrey;
  margin:40px auto 0;
  h2{
    height:40px;
    box-sizing:border-box;
    border-bottom:1px solid darkgrey;
    background:lightgrey;
    line-height:40px;
    font-size:16px;
    font-weight:bold;
    text-indent:20px;
    color:#6c6c6c;
  }
  #loginSec{
    float:left;
    padding:20px 20px 10px;
    font-size:12px;
    color:#333;
    .phone{padding-left:90px;
      p{text-indent:50px}
    }
    .pwd{padding-left:36px;
      p{text-indent:100px}
    }
    .confirm{padding-left:70px}
    .remember{padding-left:140px}
    .item{
      line-height:40px;
      p{line-height:30px;color:red }
      i{color:#fc4c65}
      input{
        margin-right:5px;
        width:248px;
        height:24px;
        border:1px solid #ccc;
        outline:none;
      }
      input[name="code"]{
        width:100px;
      }
      input[type="checkbox"]{
        height:16px;
        width:16px;
        position:relative;
        top:5px;
      }
      b{
        padding:0 5px;
        background:orange;
        margin-right:10px;
      }
      em{
        cursor:pointer;
      }
      #getmess{
        padding:3px 2px;
        margin-left:10px;
        background:#e9e5e5;
        border:1px solid #ccc;
        border-radius:5px;
        font-size:12px;
        color:#6c6c6c;

      }
    }
    #loginBtn{
      height:31px;
      width:85px;
      color:white;
      background:#fc4c65;
      text-aline:center;
      line-height:31px;
      border:0;
      margin-top:10px;
      margin-left:140px;
    }
  }
  #regist{
    margin-top:10px;
    border-left:1px dotted #cccccc;
    margin-left:60px;
    float:left;
    padding:20px 0 0 50px;
    h4{
      line-height:50px;
      font-size:14px;
      font-weight:bold;
    }
    p{
      line-height:20px;
      font-size:13px;
      width:300px;
    }
    #registBtn{
      margin-top:30px;
      height:31px;
      width:137px;
      text-aline:center;
      color:white;
      background:#fc4c65;
      border:0;
    }
  }
}








footer{
  margin-top:50px;
  //padding-bottom:100px;
  #footNav{
    //padding:0 ;
    ul{
      height:70px;
      padding:25px 0;
      background:#efefef;
      li{
        //width:250px;
        float:left;
        //height:70px;
        padding:0 70px;
        .icon:nth-of-type(1){background:url("../../images/index_icon.png") no-repeat -98px -65px; }
        .icon:nth-of-type(2){background:url("../../images/index_icon.png") no-repeat -98px -130px; }
        .icon:nth-of-type(3){background:url("../../images/index_icon.png") no-repeat -98px -195px; }
        .icon{
          height:65px;
          width:65px;
          float:left;

        }
        .method{
          margin-left:20px;
          float:left;
          color:#595757;
          >a{
            color:#595757;
            font-size:16px;
            font-weight:bold;
            line-height:30px;
          }
          p{
            font-size:12px;
            line-height:20px;
            font-weight:100;
          }

        }
      }
    }
  }
  #abSp{
    color:#595757;
    height:146px;
    margin-top:20px;
    padding-left:20px;
    .helpLink{
      width:418px;
      height:100%;
      float:left;
      .imgBox{
        height:100%;
        float:left;
        margin-right:10px;
        img{
          height:100%;
        }
      }
      div{
        float:left;
        a{
          color:#595757;
          font-weight:bold;
          line-height:36px;
        }
        p{
          width:300px;
          font-size:14px;
          //color:black;
          line-height:22px;
        }
      }
    }
    ul{
      padding:0 20px;
      line-height:30px;
      float:left;
      li:nth-of-type(1){
        font-size:18px;
        font-weight:bold;
        color:#595757;
      }
      li{
        font-size:14px;
        a{
          color:#595757;
        }
        a:hover{
          color:#fc4c65;
        }

      }
    }
  }
  .bottomDev{
    .permission{
      padding:40px 0;
      line-height:30px;
      font-size:13px;
      text-align:center;
      a{
        display:inline-block;
        color:#595757;
      }
      a:hover{
        color:#fc4c65;
      }
    }
    .brand{
      height:50px;
      padding:20px 0;
      position:relative;
      p{
        position:absolute;
        width:660px;
        left: 50%;
        margin-left:-330px;
        //top: 0;left: 0;right: 0; bottom:0;
        //margin:auto;
        img{
          float:left;
          margin-left:40px;
        }
      }
    }
  }
  .end{
    margin-top:50px;
    height:30px;
    background:#f12e24;
  }
}
